<!doctype html>
<html lang="zh-CN">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <!-- 上述3个meta标签*必须*放在最前面，任何其他内容都*必须*跟随其后！ -->
    <title>海澜之家简介</title>

    <!-- Bootstrap -->
    <link rel="stylesheet" href="css/bootstrap.min.css">
    <link rel="stylesheet" href="css/style.css">
    
    
  <body>
    <div class="container all">
        <!-- 导航开始 -->
        <nav class="navbar navbar-inverse">
            <div class="container-fluid">
              <!-- Brand and toggle get grouped for better mobile display -->
              <div class="navbar-header">
                <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
                  <span class="sr-only">Toggle navigation</span>
                  <span class="icon-bar"></span>
                  <span class="icon-bar"></span>
                  <span class="icon-bar"></span>
                </button>
                <a class="navbar-brand" href="#">首页</a>
              </div>
              
              <!-- Collect the nav links, forms, and other content for toggling -->
              <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
                <ul class="nav navbar-nav">
                    <li class="dropdown">
                        <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">品牌矩阵 <span class="caret"></span></a>
                        <ul class="dropdown-menu">
                          <li><a href="#">海澜之家</a></li>
                          <li><a href="#">黑鲸</a></li>
                          <li role="separator" class="divider"></li>
                          <li><a href="#">OVV</a></li>
                          <li role="separator" class="divider"></li>
                          <li><a href="#">圣诺凯</a></li>
                        </ul>
                      </li>
                  <li class="active"><a href="#">品牌简介<span class="sr-only">(current)</span></a></li>
                  <li><a href="#">会员</a></li>
                  <li class="dropdown">
                    <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">海澜之家 <span class="caret"></span></a>
                    <ul class="dropdown-menu">
                      <li><a href="#">附近门店</a></li>
                      <li><a href="#">关于海澜</a></li>
                    </ul>
                  </li>
                  <li class="dropdown">
                    <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">发现 <span class="caret"></span></a>
                    <ul class="dropdown-menu">
                      <li><a href="#"></a></li>
                      <li><a href="#">人才招聘</a></li>
                      <li><a href="#">新闻动态</a></li>
                    </ul>
                  </li>
                  <li class="dropdown">
                    <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">冬季上新 <span class="caret"></span></a>
                    <ul class="dropdown-menu">
                      <li><a href="#">明星同款</a></li>
                      <li><a href="#">最热</a></li>
                    </ul>
                  </li>
                  <li><a href="#">中文</a></li>
                  <li><a href="#">EN</a></li>
                </ul>
                <form class="navbar-form navbar-left">
                  <div class="form-group">
                    <input type="text" class="form-control" placeholder="请输入你的内容">
                  </div>
                  <button type="submit" class="btn btn-default">搜索</button>
                </form>
              </div><!-- /.navbar-collapse -->
            </div><!-- /.container-fluid -->
          </nav>
        <!-- 导航结束 -->
        <!-- 巨幕开始 -->
        <div class="jumbotron">
            <h1>海澜之家，男人的衣柜</h1>
            <p>“海澜之家”（英文缩写：HLA）是海澜之家集团股份有限公司旗下的服装品牌，总部位于中国江苏省江阴市，主要采用连锁零售的模式，销售男性服装、配饰与相关产品。</p>
            <p><a class="btn btn-primary btn-lg" href="#" role="button">了解更多</a></p>
            <hr>
          </div>
        <!-- 巨幕结束 -->
        <!-- 轮播图开始 -->
        <div class="row content">
            <div class="col-md-8">
                <div id="carousel-example-generic" class="carousel slide" data-ride="carousel">
                    <!-- Indicators -->
                    <ol class="carousel-indicators">
                      <li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li>
                      <li data-target="#carousel-example-generic" data-slide-to="1"></li>
                      <li data-target="#carousel-example-generic" data-slide-to="2"></li>
                    </ol>
                  
                    <!-- Wrapper for slides -->
                    <div class="carousel-inner" role="listbox">
                      <div class="item active">
                        <img src="images/01.jpg" alt="...">
                        <div class="carousel-caption">
                        </div>
                      </div>
                      <div class="item">
                        <img src="images/02.jpg" alt="...">
                        <div class="carousel-caption">
                        </div>
                      </div>
                      <div class="item">
                        <img src="images/03.jpg" alt="...">
                        <div class="carousel-caption">
                        </div>
                      </div>
                      <div class="item">
                        <img src="images/04.jpg" alt="...">
                        <div class="carousel-caption">
                        </div>
                      </div>
                      <div class="item">
                        <img src="images/05.jpg" alt="...">
                        <div class="carousel-caption">
                        </div>
                      </div>
                    </div>
                  
                    <!-- Controls -->
                    <a class="left carousel-control" href="#carousel-example-generic" role="button" data-slide="prev">
                      <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
                      <span class="sr-only">Previous</span>
                    </a>
                    <a class="right carousel-control" href="#carousel-example-generic" role="button" data-slide="next">
                      <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
                      <span class="sr-only">Next</span>
                    </a>
                    <p>2002年年初，海澜集团总裁周建平前往日本进行市场考察。在日本期间，日本服装品牌丰富的品种、大众化的价格、量贩式的自选购买方式给他留下了深刻的印象。回国后，周建平将这种面向大众消费的服装销售模式在中国推出，成立了江阴海澜之家服饰有限公司。</p>
                  </div>
            </div>
            <div class="col-md-4">
                <div class="panel-group" id="accordion" role="tablist" aria-multiselectable="true">
                    <div class="panel panel-default">
                      <div class="panel-heading" role="tab" id="headingOne">
                        <h4 class="panel-title">
                          <a role="button" data-toggle="collapse" data-parent="#accordion" href="#collapseOne" aria-expanded="true" aria-controls="collapseOne">
                           品牌形象
                          </a>
                        </h4>
                      </div>
                      <div id="collapseOne" class="panel-collapse collapse in" role="tabpanel" aria-labelledby="headingOne">
                        <div class="panel-body">
                          海澜之家在成立之初，就提出要打造民族服装的自主名牌。在做好产品的同时，海澜之家还十分注重品牌的形象，相继聘请了主持人吴大维、内地演员印小天、内地演员杜淳，以及青年演员林更新做形象代言人，并通过投放各类广告、每年参加中国国际服装服饰博览会等形式推广海澜之家品牌。
                        </div>
                      </div>
                    </div>
                    <div class="panel panel-default">
                      <div class="panel-heading" role="tab" id="headingTwo">
                        <h4 class="panel-title">
                          <a class="collapsed" role="button" data-toggle="collapse" data-parent="#accordion" href="#collapseTwo" aria-expanded="false" aria-controls="collapseTwo">
                           经营理念
                          </a>
                        </h4>
                      </div>
                      <div id="collapseTwo" class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingTwo">
                        <div class="panel-body">
                          连锁经营
海澜之家对每一家门店都实行全国统一连锁经营管理，做到了既“连”又“锁”：“连”住了品牌，“连”住了形象，“连”住了服务，也“锁”住了管理。公司的每个部门也能按照标准化的业务流程为门店服务，标准化成为海澜之家门店“拷贝不走样”的保证。2002年9月，一种定位为大众化的全新服装“零售业态”——海澜之家男装自选商场正式开门迎客。2007年3月，“海澜之家”以连锁经营、统一形象、大规模的营销模式获得中国服装品牌年度大奖“潜力大奖”，这是继 “营销大奖”之后，海澜之家再次得到全国服装行业的认可。在经营方面，海澜之家利用自身资源，有效把控服装的成本和品质环节，严格执行国际服装行业生产标准，从而实现了男人的衣柜“高品质、中价位”的品牌梦想。
                        </div>
                      </div>
                    </div>
                    <div class="panel panel-default">
                      <div class="panel-heading" role="tab" id="headingThree">
                        <h4 class="panel-title">
                          <a class="collapsed" role="button" data-toggle="collapse" data-parent="#accordion" href="#collapseThree" aria-expanded="false" aria-controls="collapseThree">
                            品牌概况
                          </a>
                        </h4>
                      </div>
                      <div id="collapseThree" class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingThree">
                        <div class="panel-body">
                          2017年1月，在中国服装网络盛典中，海澜之家荣获“2016年度十大影响力服装品牌”。2017年3月，海澜之家以品牌价值8.68亿美元入选Brand Z“2017年最具价值中国品牌100强”榜单 5月26日，在新华网主办的“为中国品牌点赞”活动中，公司被评选为“2017年中国品牌100强”   ；6月26日，海澜之家入选中国人民大学中国商标品牌研究院发布的“2016沪深上市公司商标品牌价值排行榜”，并位列纺织服装业榜首。
                        </div>
                      </div>
                    </div>
                  </div>
            </div>
          </div>
        <!-- 轮播图结束 -->
    <div>
        <a href="javascript:;" id="back" title="返回顶部"> ^ </a>
    </div>
    <p class="copyright">版权所有：&copy;2022 海澜之家 ALL Rights Reserved</p>

    <!-- jQuery (Bootstrap 的所有 JavaScript 插件都依赖 jQuery，所以必须放在前边) -->
    <script src="js/jquery.min.js"></script>
    <script src="js/bootstrap.min.js"></script>
    <!-- 加载 Bootstrap 的所有 JavaScript 插件。你也可以根据需要只加载单个插件。 -->
    <script src="js/script.js"></script>
  </body>
</html>